<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:fragment="head(title)">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta charset="UTF-8">
	<title th:replace="${title}">模板页面</title>

	<meta name="description" content="overview &amp; stats" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

    <link rel="stylesheet" href="../static/mdui/css/mdui.css" th:href="@{/static/mdui/css/mdui.css}"/>
	<link rel="stylesheet" href="../static/bootstrap-fileinput/css/fileinput.min.css" th:href="@{/static/bootstrap-fileinput/css/fileinput.min.css}"/>

	<link rel="stylesheet" href="../static/assets/css/bootstrap.min.css" th:href="@{/static/assets/css/bootstrap.min.css}"/>
	<link rel="stylesheet" href="../static/assets/font-awesome/4.1.0/css/font-awesome.min.css" th:href="@{/static/assets/font-awesome/4.1.0/css/font-awesome.min.css}"/>
	<link rel="stylesheet" href="../static/assets/fonts/fonts.googleapis.com.css" th:href="@{/static/assets/fonts/fonts.googleapis.com.css}"/>
	<link rel="stylesheet" href="../static/assets/css/ace.min.css" th:href="@{/static/assets/css/ace.min.css}"/>
	<link rel="stylesheet" href="../static/assets/css/ace-part2.min.css" th:href="@{/static/assets/css/ace-part2.min.css}"/>
	<link rel="stylesheet" href="../static/assets/css/ace-skins.min.css" th:href="@{/static/assets/css/ace-skins.min.css}"/>
	<link rel="stylesheet" href="../static/assets/css/ace-rtl.min.css" th:href="@{/static/assets/css/ace-rtl.min.css}"/>
	<link rel="stylesheet" href="../static/assets/css/ace-ie.min.css" th:href="@{/static/assets/css/ace-ie.min.css}"/>
	<link rel="stylesheet" href="../static/assets/css/dropzone.css" th:href="@{/static/assets/css/dropzone.css}"/>

	<!-- page specific plugin styles -->
	<link rel="stylesheet" href="../static/assets/css/jquery-ui.custom.min.css" th:href="@{/static/assets/css/jquery-ui.custom.min.css}"/>
	<link rel="stylesheet" href="../static/assets/css/jquery.gritter.css" th:href="@{/static/assets/css/jquery.gritter.css}"/>
	<link rel="stylesheet" href="../static/assets/css/select2.css" th:href="@{/static/assets/css/select2.css}"/>
	<link rel="stylesheet" href="../static/assets/css/datepicker.css" th:href="@{/static/assets/css/datepicker.css}" />
	<link rel="stylesheet" href="../static/assets/css/bootstrap-editable.css" th:href="@{/static/assets/css/bootstrap-editable.css}" />

    <script src="//cdn.jsdelivr.net/npm/mdui@1.0.1/dist/js/mdui.min.js"></script>

	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
	<script src="https://cdn.staticfile.org/axios/0.18.0/axios.min.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/v-charts/lib/index.min.js"></script>
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/v-charts/lib/style.min.css">

	<script src="../static/assets/js/ace-extra.min.js" th:src="@{/static/assets/js/ace-extra.min.js}"></script>
	<script src="../static/assets/js/html5shiv.min.js" th:src="@{/static/assets/js/html5shiv.min.js}"></script>
	<script src="../static/assets/js/respond.min.js" th:src="@{/static/assets/js/respond.min.js}"></script>


</head>

<body class="no-skin">


<!--导航部分-->
<!--class="navbar navbar-default"-->
<div th:fragment="nav"  class="navbar navbar-default mdui-color-light-blue-900" style="padding: 0;margin: 0">
	<script type="text/javascript">
		try{ace.settings.check('navbar' , 'fixed')}catch(e){}
	</script>

<!--	导航部分-->
	<div class="navbar-container ">
<!--		标题-->
		<div class="navbar-header pull-left">
			<a th:href="@{/admin/toIndex}" class="navbar-brand">
				<small>
                    <i class="mdui-icon material-icons">book</i>
					书城后台管理
				</small>
			</a>
		</div>

		<!--导航右边信息及头像-->
		<div class="navbar-buttons navbar-header pull-right" role="navigation">
			<ul class="nav ace-nav">
				<li>
                    <button class="mdui-btn mdui-color-theme-accent" mdui-menu="{target: '#info'}">
						<i class="ace-icon fa fa-bell icon-animated-bell"></i>
						<span class="badge badge-important">88</span>
                    </button>
                    <ul class="mdui-menu " id="info">
                        <li class="mdui-menu-item">
                            <a href="javascript:;" class="mdui-ripple" style='text-decoration:none;'>
                                <i class="mdui-icon material-icons">info_outline</i>
                                &nbsp;最新通知
                                <span class="badge badge-important">+88</span>
                            </a>
						</li>
                        <li class="mdui-menu-item">
                            <a href="javascript:;" class="mdui-ripple" style='text-decoration:none;'>
                                <i class="mdui-icon material-icons">chat_bubble_outline</i>
                                &nbsp;最新消息
                                <span class="badge badge-important">+88</span>
                            </a>
                        </li>

                        <li class="mdui-menu-item">
                            <a href="javascript:;" class="mdui-ripple" style='text-decoration:none;'>
                                <i class="mdui-icon material-icons">add_shopping_cart</i>
                                &nbsp;最新订单
                                <span class="badge badge-important">+88</span>
                            </a>
                        </li>

                        <li class="mdui-menu-item">
                            <a href="javascript:;" class="mdui-ripple" style='text-decoration:none;'>
                                <i class="mdui-icon material-icons">expand_more</i>
                                &nbsp;查看所有通知
                            </a>
                        </li>
					</ul>
				</li>

				<li>
                    <button class="mdui-btn mdui-color-theme-accent" mdui-menu="{target: '#myUser'}">
                        <img class="mdui-img-rounded" style="width: 30px;height: 30px;" src="../static/assets/avatars/myUser.jpg" th:src="@{${session.myUser != null ? session.myUser.headImage : ''}}" alt="无头像" />
                        <small>欢迎,
								<span th:text="${session.myUser != null ? session.myUser.loginMyUser:'张三'}">BBFeng</span>
                                &nbsp;<i class="mdui-icon material-icons">expand_more</i>
                        </small>
                    </button>
                    <ul class="mdui-menu " id="myUser">
                        <li class="mdui-menu-item">
                            <a href="javascript:;" class="mdui-ripple" style='text-decoration:none;'>
                                <i class="mdui-icon material-icons">settings</i>
                                &nbsp;系统设置
                            </a>
                        </li>

                        <li class="mdui-menu-item">
                            <a th:href="@{/admin/toProfile}" class="mdui-ripple" style='text-decoration:none;'>
                                <i class="mdui-icon material-icons">perm_identity</i>
                                &nbsp;个人信息
                            </a>
                        </li>

                        <li class="mdui-menu-item">
                            <a th:href="@{/admin/logout}" class="mdui-ripple" style='text-decoration:none;'>
                                <i class="mdui-icon material-icons">power_settings_new</i>
                                &nbsp;退出登录
                            </a>
                        </li>


					</ul>
				</li>
			</ul>
		</div>
	</div><!-- /.navbar-container -->
</div >

<!--侧边栏-->
<div th:fragment="menu(n,m)" id="sidebar" class="sidebar" style="width: 220px;height:96%; position: absolute">
	<script type="text/javascript">
		try{ace.settings.check('sidebar' , 'fixed')}catch(e){}
	</script>

	<!--侧边栏列表-->
<!--	<ul class="nav nav-list">-->
    <ul class="mdui-list" mdui-collapse="{accordion: true}" style="max-width: 240px;padding: 0;">
        <li class="mdui-list-item mdui-ripple" th:classappend="${n==1 ? 'active':''}">
            <i class="mdui-list-item-icon mdui-icon material-icons">home</i>
            <div class="mdui-list-item-content">
                <a th:href="@{/admin/toIndex}" style="display: block;text-decoration: none;">&nbsp;首页</a>
            </div>
        </li>

		<li class="mdui-collapse-item mdui-collapse-item-open" th:classappend="${n==2 ? 'active open hsub': ''}">
            <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
				<i class="mdui-icon mdui-list-item-icon material-icons">view_compact</i>
                <div class="mdui-list-item-content">系统管理</div>
                <i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
            </div>
			<ul class="mdui-collapse-item-body mdui-list mdui-list-dense">
				<li class="mdui-list-item mdui-ripple" th:classappend="${m==2.1}? 'active': ''" style="display: block;">
					<a th:href="@{/admin/toUser}" style="text-decoration:none;display: block;line-height: 40px;">
						<i class="menu-icon fa fa-caret-right"></i>
						用户管理
					</a>
				</li>

				<li class="mdui-list-item mdui-ripple" th:classappend="${m==2.2}? 'active': ''" style="display: block;">
					<a th:href="@{/admin/toRole}" style="text-decoration:none;display: block; line-height: 40px;">
						<i class="menu-icon fa fa-caret-right"></i>
						角色管理
					</a>
				</li>

				<li class="mdui-list-item mdui-ripple" th:classappend="${m==2.3}? 'active': ''" style="display: block;">
					<a th:href="@{/admin/toPermission}" style="text-decoration:none;display: block;line-height: 40px;">
						<i class="menu-icon fa fa-caret-right"></i>
						资源权限管理
					</a>
					<b class="arrow"></b>
				</li>

				<li class="mdui-list-item mdui-ripple" th:classappend="${m==2.4}? 'active': ''" style="display: block;">
					<a th:href="@{/admin/toSysLog}" style="text-decoration:none;display: block;line-height: 40px;">
						<i class="menu-icon fa fa-caret-right"></i>
						访问日志
					</a>
					<b class="arrow"></b>
				</li>
			</ul>
		</li>

		<li class="mdui-collapse-item mdui-collapse-item-open" th:classappend="${n==3 ? 'active open hsub': ''}">
            <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
				<i class="mdui-icon mdui-list-item-icon material-icons">view_compact</i>
                <div class="mdui-list-item-content">图书管理</div>
                <i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
            </div>
            <ul class="mdui-collapse-item-body mdui-list mdui-list-dense">
                <li class="mdui-list-item mdui-ripple" th:classappend="${m==3.1}? 'active': ''" style="display: block;">
                    <a th:href="@{/admin/toBook}" style="text-decoration:none;display: block;line-height: 40px;">
                        <i class="menu-icon fa fa-caret-right"></i>
                        图书列表
                    </a>
                    <b class="arrow"></b>
                </li>

				<li class="mdui-list-item mdui-ripple" th:classappend="${m==3.2}? 'active': ''" style="display: block;">
					<a th:href="@{/admin/toCategory}" style="text-decoration:none;display: block;line-height: 40px;">
						<i class="menu-icon fa fa-caret-right"></i>
						图书分类
					</a>
					<b class="arrow"></b>
				</li>
			</ul>
		</li>

		<li class="mdui-collapse-item mdui-collapse-item-open" th:classappend="${n==4 ? 'active open hsub': ''}">
            <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
				<i class="mdui-icon mdui-list-item-icon material-icons">view_compact</i>
                <div class=" mdui-list-item-content">订单管理</div>
                <i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
            </div>
			<ul class="mdui-collapse-item-body mdui-list mdui-list-dense">
				<li class="mdui-list-item mdui-ripple" th:classappend="${m==4.1}? 'active': ''" style="display: block;">
					<a th:href="@{/admin/toOrder}" style="text-decoration:none;display: block;line-height: 40px;">
						<i class="menu-icon fa fa-caret-right"></i>
						订单列表
					</a>
				</li>
			</ul>
		</li>
	</ul><!-- /.nav-list -->

	<script type="text/javascript">
		try{ace.settings.check('sidebar' , 'collapsed')}catch(e){}
	</script>
</div>

<!--页脚	-->
<div th:fragment="footer" class="footer">
	<div class="footer-inner">
		<div class="footer-content">
				<span class="bigger-120">
					<span class="blue bolder">书店</span>
					Application &copy; 2020-2021
				</span>
		</div>
	</div>
</div>


<th:block th:fragment="script">
	<script src="../static/assets/js/jquery.2.1.1.min.js" th:src="@{/static/assets/js/jquery.2.1.1.min.js}"></script>
	<script src="../static/assets/js/jquery.1.11.1.min.js" th:src="@{/static/assets/js/jquery.1.11.1.min.js}"></script>
	<script type="text/javascript">
		window.jQuery || document.write("<script src='../static/assets/js/jquery1x.min.js' th:src='@{/static/assets/js/jquery1x.min.js}'>"+"<"+"/script>");
	</script>
	<script type="text/javascript">
		if('ontouchstart' in document.documentElement) document.write("<script src='../static/assets/js/jquery.mobile.custom.min.js' th:src='@{/static/assets/js/jquery.mobile.custom.min.js}'>"+"<"+"/script>");
	</script>
	<script src="../static/assets/js/bootstrap.min.js" th:src="@{/static/assets/js/bootstrap.min.js}"></script>
	<script src="../static/assets/js/excanvas.min.js" th:src="@{/static/assets/js/excanvas.min.js}"></script>
	<script src="../static/assets/js/jquery-ui.custom.min.js" th:src="@{/static/assets/js/jquery-ui.custom.min.js}"></script>
	<script src="../static/assets/js/jquery.ui.touch-punch.min.js" th:src="@{/static/assets/js/jquery.ui.touch-punch.min.js}"></script>
	<script src="../static/assets/js/jquery.easypiechart.min.js" th:src="@{/static/assets/js/jquery.easypiechart.min.js}"></script>
	<script src="../static/assets/js/jquery.sparkline.min.js" th:src="@{/static/assets/js/jquery.sparkline.min.js}"></script>
	<script src="../static/assets/js/flot/jquery.flot.min.js" th:src="@{/static/assets/js/flot/jquery.flot.min.js}"></script>
	<script src="../static/assets/js/flot/jquery.flot.pie.min.js" th:src="@{/static/assets/js/flot/jquery.flot.pie.min.js}"></script>
	<script src="../static/assets/js/flot/jquery.flot.resize.min.js" th:src="@{/static/assets/js/flot/jquery.flot.resize.min.js}"></script>
	<script src="../static/assets/js/ace-elements.min.js" th:src="@{/static/assets/js/ace-elements.min.js}"></script>
	<script src="../static/assets/js/ace.min.js" th:src="@{/static/assets/js/ace.min.js}"></script>
	<script src="../static/assets/js/fuelux/fuelux.wizard.min.js" th:src="@{/static/assets/js/fuelux/fuelux.wizard.min.js}"></script>
	<script src="../static/assets/js/jquery.validate.min.js" th:src="@{/static/assets/js/jquery.validate.min.js}"></script>
	<script src="../static/assets/js/additional-methods.min.js" th:src="@{/static/assets/js/additional-methods.min.js}"></script>
	<script src="../static/assets/js/bootbox.min.js" th:src="@{/static/assets/js/bootbox.min.js}"></script>
	<script src="../static/assets/js/jquery.maskedinput.min.js" th:src="@{/static/assets/js/jquery.maskedinput.min.js}"></script>
	<script src="../static/assets/js/select2.min.js" th:src="@{/static/assets/js/select2.min.js}"></script>
	<script src="../static/assets/js/dropzone.min.js" th:src="@{/static/assets/js/dropzone.min.js}"></script>

	<script src="../static/assets/js/jquery.gritter.min.js" th:src="@{/static/assets/js/jquery.gritter.min.js}"></script>
	<script src="../static/assets/js/date-time/bootstrap-datepicker.min.js" th:src="@{/static/assets/js/date-time/bootstrap-datepicker.min.js}"></script>
	<script src="../static/assets/js/jquery.hotkeys.min.js" th:src="@{/static/assets/js/jquery.hotkeys.min.js}"></script>
	<script src="../static/assets/js/bootstrap-wysiwyg.min.js" th:src="@{/static/assets/js/bootstrap-wysiwyg.min.js}"></script>
	<script src="../static/assets/js/x-editable/bootstrap-editable.min.js" th:src="@{/static/assets/js/x-editable/bootstrap-editable.min.js}"></script>
	<script src="../static/assets/js/x-editable/ace-editable.min.js" th:src="@{/static/assets/js/x-editable/ace-editable.min.js}"></script>



</th:block>


</body>
</html>
